<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
		<meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
		<title>企业HR报告win</title>
		<link rel="stylesheet" type="text/css" href="../../css/mui.min.css">
		<link rel="stylesheet" type="text/css" href="../../css/base.css"/>
		<link rel="stylesheet" href="../../css/personal.css">
		<!--<link rel="stylesheet" href="../../css/CFNetPP_Base.css">-->
		<link rel="stylesheet" type="text/css" href="../../css/study.css" />
		<style>
			.train-top-title {
				position: absolute;
				/*top: 142px;*/
				bottom: 14px;
				left: 10px;
				font-size: 14px;
				color: white;
				padding: 6px 10px;
				line-height: 1.2em;
				background-color: rgba(0,0,0,0.5);
				text-align: center;
				width: calc(100% - 20px);
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}
			.tabbar {
				height: 40px;
				line-height: 40px;
				text-align: center;
				/*border-bottom: 1px solid #e0e0e0;*/
				background: #fff;
			}
			.tabbar .col {
				font-size: 16px;
			}
			.row {
				display: -webkit-box;
				display: -webkit-flex;
				display: flex;
			}
			.col {
				-webkit-box-flex: 1;
				-webkit-flex: 1;
				flex: 1;
				position: relative;
				overflow: hidden;
			}
			.indicator-super-div {
				width: 100%;
				height: 2px;
				padding: 0 20%;
				overflow: hidden;
			}
			.indicator {
				height: 2px;
				width: 62%;
				background: #18b4ed;
				position: absolute;
				bottom: 0;
				z-index: 2;
			}
			.weui_tabbar {
				width: 100%;
				position: fixed;
				left: 0;
				bottom: 0;
			}
		</style>
	</head>
	<body>
		<div class="base_style_color " id='BarAppearance' style="height: 22px;width: 100%"></div>
		<div class="base_navigation_bar base_style_color base_navigation_item_bar">
			<a class="base_left_item" href="#" onclick="backClick()"> <img class="base_back_icon" src="../../image/icon_jiantou.png" alt=""> </a>
			<span>报告</span>
		</div>
		<div class="base_content_div">
			<div class=" bgwhite">
				<div class="segment-content">
					<div id="selectBar" class="row hightitem tabbar" >
						<div class="col base_dark_grey base_content_font" id="col1" tapmode onclick="tabswitch(1)">
							日报
							<div class="indicator-super-div">
								<div class="indicator" id="indicator1"></div>
							</div>
						</div>
						<div class="col base_dark_grey base_content_font"  id="col2" tapmode onclick="tabswitch(2)">
							周报
							<div class="indicator-super-div">
								<div class="indicator" id="indicator2"></div>
							</div>
						</div>
						<div class="col base_dark_grey base_content_font"  id="col3" tapmode onclick="tabswitch(3)">
							月报
							<div class="indicator-super-div">
								<div class="indicator" id="indicator3"></div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
	<script src="../../script/jquery.min.js" type="text/javascript"></script>
	<script type="text/javascript" src="../../script/api.js"></script>
	<script type="text/javascript" src="../../script/MD5.js"></script>
	<script type="text/javascript" src="../../script/common.js"></script>
	<script type="text/javascript" src="../../script/requestTool.js"></script>
	<script type="text/javascript">
		var message;
		function itemClick(itemIndex) {
			if ($(this).hasClass('mui-active')) {//如果有该class则不执行
			} else {
				$('.segment_item').removeClass('mui-active');
				$('#item' + itemIndex).addClass('mui-active');
				setupGroupIndex(itemIndex);
			}
		}

		function tabswitch(index) {
			$('.indicator').attr('style', 'display:none;');
			$('.col').attr('style', 'color:#323232;');
			$('#col' + index).attr('style', 'color:#18b4ed;');
			$('#indicator' + index).attr('style', 'display:block;');
			$('.mui-control-content').removeClass('mui-active');
			$('#item' + index).addClass('mui-active');
			setupGroupIndex(index - 1);
		}

		apiready = function() {
			sendBuriedNotifi('0', '老师端实习考核列表', '228');
			setupSubframe();
			ReceiveNotifi();
			tabswitch(api.pageParam.index+1);
		}
		function ReceiveNotifi() {
			api.addEventListener({
				name : 'reviewNotifi'
			}, function(ret, err) {
				tabswitch(1);
			});
		}

		//切换窗口
		function setupGroupIndex(index) {
			api.setFrameGroupIndex({
				name : 'segmentF',
				index : index,
				scroll : false
			});
		}

		function sendBuriedNotifi(busionessid, pagetype, pagetypeid) {
			var userinfo = {
				uid : $api.getStorage('cfnetppuid'),
				jid : $api.getStorage('cfnetppjid'),
				uname : $api.getStorage('cfnetppusername'),
			}
			var data = {
				busionessid : busionessid,
				pagetype : pagetype,
				pagetypeid : pagetypeid,
				sourceurl : api.pageParam.sourceurl,
				sourcetitle : api.pageParam.sourcetitle,
				accesspageurl : window.location.pathname,
				accesspagetitle : document.title,
				userinfo : userinfo
			}
			SendBehaviorTrajectoriesNotifi_Study(data);
		}

		function setupSubframe() {
			var y = $('.base_navigation_bar').height() + $('.base_content_div').height() + 22 + 12;
			var h = api.winHeight - y;
			var rect = {
				x : 0,
				y : y,
				w : 'auto',
				h : h
			}
			var frames = [{
				name : 'PracticeHRDailyReportList',
				url : 'PracticeHRDailyReportList.html',
				bounces : false,
				bgColor : '#F0F0F0',
				pageParam : {
					sourceurl : window.location.pathname,
					sourcetitle : document.title
				},
			}, {
				name : 'PracticeHRWeeklyReportList',
				url : 'PracticeHRWeeklyReportList.html',
				bounces : false,
				bgColor : '#F0F0F0',
				pageParam : {
					sourceurl : window.location.pathname,
					sourcetitle : document.title
				},
			}, {
				name : 'PracticeHRMouthReportList',
				url : 'PracticeHRMouthReportList.html',
				bounces : false,
				bgColor : '#F0F0F0',
				pageParam : {
					sourceurl : window.location.pathname,
					sourcetitle : document.title
				},
			}];
			api.openFrameGroup({
				name : 'segmentF',
				scrollEnabled : false,
				rect : rect,
				index : api.pageParam.index,
				frames : frames,
				vScrollBarEnabled : true,
				hScrollBarEnabled : false,
				preload : 1
			}, function(ret, err) {
			});
		}

		function backClick() {
			sendBuriedNotifi('1', '老师端实习考核列表', '228');
			api.closeWin();
		}
	</script>
</html>
